<!DOCTYPE html>   
<html lang="en">   
<head>   
  <meta charset="UTF-8">   
  <meta name="viewport" content="width=device-width, initial-scale=1.0">   
  <title>使用ElementUI</title>   
  <!-- CDN引入ElementUI样式表 -->   
  <link rel="stylesheet"  
          
href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">   
</head>   
<body>
  <div id="app">   
    <!-- el-xxxx 就是ElementUI组件名称 -->   
    <el-button @click="handleClick" type="primary">{{ message }}</el-button>   
  <div>   
  <!-- ElementUI依赖vue，所以必须优先导入vue -->   
  <script src="https://cdn.jsdelivr.net/npm/vue@2"></script>   
  <!-- 再导入ElementUI库 -->   
  <script src="https://unpkg.com/element-ui/lib/index.js"></script>
  <script>   
    new Vue({   
      el: '#app',   
      data: {   
        message: 'ElementUI按钮'   
      },   
      methods: {   
        handleClick() {   
          alert('按钮被点击');   
        }   
      }   
  });   
  </script>   
</body>   
</html>  